//
//@variables
//

$extra-small-min-width: 320px !default;
$extra-small-max-width: 479px !default;

$small-min-width: $extra-small-max-width + 1 !default;
$small-max-width: 767px !default;

$medium-min-width: $small-max-width + 1 !default;
$medium-max-width: 1023px !default;

$large-min-width: $medium-max-width + 1 !default;

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

//Large screen sizes alignment
@include min-screen($large-min-width) {
  .text-center-lg {
    text-align: center; 
  }

  .text-left-lg {
    text-align: center; 
  }

  .text-justify-lg {
    text-align: center; 
  }

  .text-right-lg {
    text-align: right; 
  }
}


//Medium screen sizes alignment
@include screen($resMin: $medium-min-width, $resMax: $medium-max-width) {
  .text-center-md {
    text-align: center; 
  }

  .text-left-md {
    text-align: center; 
  }

  .text-justify-md {
    text-align: center; 
  }

  .text-right-md {
    text-align: right; 
  }
} 

//Small screen sizes alignment
@include screen($resMin: $small-min-width, $resMax: $small-max-width) {
  .text-center-sm {
    text-align: center; 
  } 

  .text-left-sm {
    text-align: left; 
  } 

  .text-justify-sm {
    text-align: justify; 
  } 

  .text-right-sm {
    text-align: right; 
  } 
}

//Extra small screen sizes alignment
@include screen($resMin: $extra-small-min-width, $resMax: $extra-small-max-width) {
  .text-center-xsm {
    text-align: center; 
  } 

  .text-left-xsm {
    text-align: left; 
  } 

  .text-justify-xsm {
    text-align: justify; 
  } 

  .text-right-xsm {
    text-align: right; 
  } 
}
